<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Araminda</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/app.css" />
    </head>
    <body class="cbp-spmenu-push">
        
        <header>
            <div class="top">
                <div class="showLeft icon left"><i class="icon-reorder"></i></div>
                <a href="cart.php" class="icon right"><i class="icon-shopping-cart"></i></a>
                <a class="logo" href="index.php">
                    <img src="content/logo.png" alt="Araminda" />
                </a>
            </div>
        </header>
        
        <main id="cart">
            <h2>
                <img src="content/cart.png" alt="Nuestros Favoritos" />
            </h2>
            <div class="items">
                <article class="item left">
                    <img src="content/item.png" alt="" />
                    <section class="info">
                        <div class="lLeft">
                            <h3>Joplin Charol</h3>
                            <div class="price">$600</div>
                        </div>
                        <div class="colorHold">
                            <div class="colorBox"></div>
                            <div class="sizeBox">38</div>
                        </div>
                    </section>
                    <div class="qty">
                        <span>Cantidad</span><input type="text" value="1" /><button>Eliminar</button>
                    </div>
                </article>
                <article class="item  left">
                    <img src="content/item.png" alt="" />
                    <section class="info">
                        <div class="lLeft">
                            <h3>Joplin Charol</h3>
                            <div class="price">$600</div>
                        </div>
                        <div class="colorHold">
                            <div class="colorBox"></div>
                            <div class="sizeBox">38</div>
                        </div>
                    </section>
                    <div class="qty">
                        <span>Cantidad</span><input type="text" value="1" /><button>Eliminar</button>
                    </div>
                </article>
                <div class="total">Total de esta compra:<span class="price">$1200</span></div>
            </div>
            
            <div class="row">
                
                <div class="small-12 medium-4 large-4 columns buy">
                    <button class="her"><i class="icon-shopping-cart"></i>Comprar</button>

                    <a href="index.php" class="continue">Seguir buscando Zapatos</a>
                </div>
                    
                <div class="small-12 medium-4 large-4 columns">
                    <h4 class="det">Medios de pago:</h4>
                    <img src="content/payment.png" alt="" />
                </div>

                <div class="small-12 medium-4 large-4 columns">
                    <h4 class="det">Envío:</h4>
                    <p class="det">Donec elementum auctor metus. Etiam vel elit.</p>
                </div>
            </div>
        </main>
    
        <footer>
            <section>
                <div class="ofertas">
                    <div>No te pierdas nuestras <b>ofertas</b></div>
                    <div>
                        <form action="">
                            <input type="text" placeholder="dejanos@tu.mail" /><!--
                            --><button><i class="icon-envelope-alt"></i></button>
                        </form>
                    </div>
                </div>
            </section>
            <section class="dark">
                <div class="row">
                    <nav>
                        <ul>
                            <li><a href="#">Contacto</a></li>
                            <li><a href="#">Colecciones</a></li>
                            <li><a href="#">Garantía</a></li>
                            <li><a href="#">Medios de pago y envíos</a></li>
                        </ul>
                    </nav>
                    <img class="imgBf" src="content/fisc.png" alt="data fiscal" />
                    <div class="social">
                        <a><i class="icon-facebook-sign"></i></a>
                        <a><i class="icon-twitter-sign"></i></a>
                        <a><i class="icon-google-plus-sign"></i></a>
                    </div>
                    <div>
                        <p>Araminda 2013. Todos los derechos reservados. <a href="">Terminos y condiciones</a></p>
                    </div>
                    <img class="imgAf" src="content/fisc.png" alt="data fiscal" />
                </div>
            </section>
        </footer>
    
    <!-- PUSH MENU -->
        <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
            <h2>Menú <i class="icon-remove hideLeft"></i></h2>
            <a href="" class="him">Zapatos for Him</a>
            <a href="" class="her">Zapatos for Her</a>
            <a href="#">Contacto</a>
            <a href="#">Colecciones</a>
            <a href="#">Garantía</a>
            <a href="#">Medios de pago y envíos</a>
            <div class="social">
                <a><i class="icon-facebook-sign"></i></a>
                <a><i class="icon-twitter-sign"></i></a>
                <a><i class="icon-google-plus-sign"></i></a>
            </div>
        </nav>
    <!-- END PUSH MENU -->
    
        <div id="overlay"></div>
    
    </body>
    <script type="text/javascript" src="js/jQuery.js"></script>
    <script type="text/javascript" src="js/foundation.min.js"></script>
    <script type="text/javascript" src="js/menu.js"></script>
    <script type="text/javascript" src="js/site.js"></script>
    <script>
        $(document).foundation();
    </script>
</html>
